<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<link rel="stylesheet" type="text/css" href="inc/e-commerce.css" />
<title>Hardware City</title>
</head>

<body>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

<div id="wrapper">
	<div id="container">
	
		<div id="title"><img src="inc/pics/title.jpeg" alt = "Hardware" /></div>
		
		<form action="inc/checkout.php" method="post">
		<input type="hidden" name="totalCPU" value="0"/>
		<input type="hidden" name="CPUPrice" value="100.5"/>

		<input type="hidden" name="totalVCard" value="0"/>
		<input type="hidden" name="VCardPrice" value="60.8"/>
		
		<input type="hidden" name="totalHDD" value="0"/>
		<input type="hidden" name="HDDPrice" value="100.99"/>
		
		<input type="hidden" name="totalNetCard" value="0"/>
		<input type="hidden" name="NetCardPrice" value="50.25"/>
		
		<input type="hidden" name="totalRAM" value="0"/>
		<input type="hidden" name="RAMPrice" value="80"/>
		
		<input type="hidden" name="totalMonitor" value="0"/>
		<input type="hidden" name="MonitorPrice" value="200"/>
		
		<div class="checkout-area" >
			<img src="inc/pics/pruducts/smallCart.jpg" alt="Small Cart" id="small-cart"/>
			<input type="text" id="totalItem" name="totalItem" value="0" readonly="readonly" />
			<input type="image" src="inc/pics/checkout.gif" />
		</div>
		
		
		<div class="image-wrap-left leading-image ">
			<img src="inc/pics/pruducts/intelCPU.jpg" alt="Intel CPU" class="product-size" />
			<h3 class="prices-left price">Current Price  $100.5</h3>
			<a href="index.php"><img src="inc/pics/pruducts/addtocart.png" alt="Add to Cart" class="AddtoCart-left addtoCart totalCPU"/></a>
		</div>
		
		<div class="image-wrap-right leading-image "> 
			<img src="inc/pics/pruducts/AtiVideoCard.jpg" alt="ATI Video Card" class="product-size"/>
			<h3 class="prices-right price">Current Price  $60.80</h3>
			<a href="index.php"><img src="inc/pics/pruducts/addtocart.png" alt="Add to Cart" class="AddtoCart-right addtoCart totalVCard" /></a>
		</div>
		
		
		<div class="image-wrap-left image-Wrap">
			<img src="inc/pics/pruducts/seagateHDD.jpg" alt="Seagate HDD" class="product-size" />
			<h3 class="prices-left price">Current Price  $100.90</h3>
			<a href="index.php"><img src="inc/pics/pruducts/addtocart.png" alt="Add to Cart" class="AddtoCart-left addtoCart totalHDD" /></a>
		</div>
		
		<div class="image-wrap-right image-Wrap">	
			<img src="inc/pics/pruducts/AsusNetworkCard.jpg" alt="Network Card" class="product-size" />
			<h3 class="prices-right price">Current Price  $50.25</h3>		
			<a href="index.php"><img src="inc/pics/pruducts/addtocart.png" alt="Add to Cart" class="AddtoCart-right addtoCart totalNetCard" /></a> 
		</div>
		
		<div class="image-wrap-left image-Wrap">
			<img src="inc/pics/pruducts/mushkinRam.jpg" alt="Ram" class="product-size" />
			<h3 class="prices-left price">Current Price  $80.00</h3>
			<a href="index.php"><img src="inc/pics/pruducts/addtocart.png" alt="Add to Cart" class="AddtoCart-left addtoCart totalRAM" /></a>
		</div>
		
		<div class="image-wrap-right image-Wrap">
			<img src="inc/pics/pruducts/sony%20LCD.jpg" alt="Monitor" class="product-size" />
			<h3 class="prices-right price">Current Price  $200.00</h3>		
			<a href="index.php"><img src="inc/pics/pruducts/addtocart.png" alt="Add to Cart" class="AddtoCart-right addtoCart totalMonitor" /></a>
		</div>
		</form>	
	</div>
</div>
	
		<? include("inc/jQuery-start.php");?>
</body>

</html>
